﻿<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
    String contextPath = request.getContextPath();
%>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/themes/gray/easyui.css">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/icon.css">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/query-form.css">
    <script type="text/javascript" src="<%=contextPath%>/resources/js/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/js/modules/exporting.js"></script>
    <script type="text/javascript" src="<%=contextPath%>/resources/easyUI/jquery.easyui.min.js"></script>
    <script type='text/javascript' src='<%=contextPath%>/resources/js/views/personalCenter.js'></script>
    <style>
    body{ text-align:center}
    .div{
    z-index:10;
    margin:15% 0 0 11%;
    width:600px;
    height:520px;
    border:2px solid #e0e0e0;
    }
    </style>

    <style>
    .cpanel div.icon span{
	    z-index:50;
	    margin: -20px 0 0 19%;
	    -moz-transition-duration: 0.8s;
	    background-color: #e3e3e3;
	    background-position: -30px 50%;
	    border: 1px solid #CCCCCC;
	    border-radius: 60px;
	    color: #565656;
	    display: block;
	    float: left;
	    height: 35px;
	    width: 50px;
	    text-align:center;
	    text-indent:0;
	    position:absolute;
    }
    .cpanel div.icon span:hover{
   		border:2px solid red;
    }
    .time_title{
        	text-align: left;
		    font-size: 16px;
		    border-bottom: 1px solid #f1e2e2;
		    padding: 10px;
		    color: #847e7e;
		    font-weight: bold;
		    background-color: #e6e6e6;
        }
    </style>
    </head>
    <body>
   <!--  <div class="cpanel">
	    <div class="icon">
	    	<span  style="padding:15px 0 0 0; ;font-weight: bolder; font-size: 18px">个人</span>
	    </div>
    </div> -->

    <div class="line"></div>

 <div id="content" class="div">
    <div class="time" style="">
    	<div class="time_title">个人信息</div>
    	<ul>
   			<li>
	    		<form id="fmAdd" name="formHead" style="text-align:right; padding-top: 60px; height: 75%; width: 100%" method="post" action="<%=contextPath%>/department/save.do">
	
	        		<input type="hidden" name="id" id="id" value="${department.id}" />
	
			        <table style="text-align:left;padding-left: 90px;width: 95%" id="ruleTable">
			            <tr>
			                <td style="width:120px;text-align:right">部门名称:</td>
			                <td ><input style="margin-left:2px;width:200px;" type="text" name="name" id="name" value="${department.name}" disabled/></td>
			            </tr>
			            <tr>
			                <td style="width:120px;text-align:right">部门简称:</td>
			                <td ><input style="margin-left:2px;width:200px;" type="text" name="sname" id="sname" value="${department.sname}" disabled/></td>
			            </tr>
			            <tr>
			                <td style="width:120px;text-align:right">部门编号:</td>
			                <td ><input style="margin-left:2px;width:200px;" type="text" name="code" id="code"  value="${department.code}" disabled/></td>
			                <%--<td ></td>--%>
			            </tr>
			            <tr>
			                <td style="width:120px;text-align:right"><label>部门分类:</label></td>
			                <td>
			                    <select class="easyui-combobox" name="type"  id="type" style="width: 200px;" disabled>
			                        <c:forEach var="depart" items="${departList}">
			                            <option value="${depart.id}"  ${depart.id == department.type? 'selected':''}>${depart.name}</option>
			                        </c:forEach>
			                    </select>
			                </td>
			            </tr>
			            <tr>
			                <td style="width:120px;text-align:right"><label>上级部门:</label></td>
			                <td>
			                    <select class="easyui-combobox" name="pid"  id="pid" style="width: 200px;" disabled>
			                        <option value="0">陕西省</option>
			                        <c:forEach var="pidDepart" items="${pidDepartList}">
			                            <option value="${pidDepart.id}" ${pidDepart.id == department.pid? 'selected':''}>${pidDepart.name}</option>
			                        </c:forEach>
			                    </select>
			                </td>
			            </tr>
			            <tr>
			                <td style="width:120px;text-align:right"><label>部门级别:</label></td>
			                <td>
			                    <select class="easyui-combobox" name="level" id="level" style="width: 200px;" disabled>
			                        <option value="1" ${1 == department.level? 'selected':''}>国家级</option>
			                        <option value="2" ${2 == department.level? 'selected':''}>省/部级</option>
			                        <option value="3" ${3 == department.level? 'selected':''}>地/市级</option>
			                        <option value="4" ${4 == department.level? 'selected':''}>区/县级</option>
			                        <option value="5" ${5 == department.level? 'selected':''}>乡/镇级</option>
			                        <option value="0" ${0 == department.level? 'selected':''}>其他级</option>
			                    </select>
			                </td>
			            </tr>
			            <tr>
			                <td style="width:120px;text-align:right"><label>所属地域:</label></td>
			                <td>
			                    <select class="easyui-combobox" name="area"  id="area" style="width: 200px;" disabled>
			                        <c:forEach var="areaOption" items="${areaList}">
			                            <option value="${areaOption.id}" ${areaOption.id == department.area? 'selected':''}>${areaOption.name}</option>
			                        </c:forEach>
			                    </select>
			                </td>
			            </tr>
			            <tr>
			                <td style="width:120px;text-align:right">单位负责人:</td>
			                <td ><input style="margin-left:2px;width:200px;" type="text" name="charge" id="charge" value="${department.charge}"/></td>
			            </tr>
			            <tr>
			                <td style="width:120px;text-align:right">统计负责人:</td>
			                <td ><input style="margin-left:2px;width:200px;" type="text" name="author" id="author" value="${department.author}"/></td>
			            </tr>
			            <tr>
			                <td style="width:120px;text-align:right">联系电话:</td>
			                <td ><input style="margin-left:2px;width:200px;" type="text" name="phone" id="phone" value="${department.phone}"/></td>
			            </tr>
			            <tr>
			                <td style="width:120px;text-align:right">邮箱:</td>
			                <td ><input style="margin-left:2px;width:200px;" type="text" name="email" id="email" value="${department.email}"/></td>
			            </tr>
			            <tr>
			                <td style="width:120px;text-align:right">地址:</td>
			                <td ><input style="margin-left:2px;width:200px;" type="text" name="address" id="address" value="${department.address}"/></td>
			            </tr>
			        </table>
			        <div style = "margin-right:43%;margin-top:20px;">
			            <a class="easyui-linkbutton" id="a_AddOK" onclick="modify()">确定</a>
			            <%--<a class="easyui-linkbutton" id="a_AddCancle">取消</a>--%>
			        </div>
	    	<!-- <li>&nbsp;</li> -->
	    		</form>
	    	</li>	
    <!-- </div> -->
   <!--  <br> -->
    	</ul>
    </div>
</div>

<div id="dialogAdd"></div>

</body>
</html>